﻿@model ProjectBordspil.Models.ListOfTopPlayers
@{
    ViewBag.Title = "Home Page";
}

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="/Scripts/IndexScripts.js" type="text/javascript"></script>

<div class="Welcome">
   <h2 class="WelcomeHeader">Velkominn á Borðspil.is</h2> 
</div>

<h2>@ViewBag.Message</h2>
<div class="GamesOnIndex">
<div id ="Cardgame1Home" class="MemGameIndex">
    <img id="MemGame" src ="http://i.imgur.com/2bScc0I.png" class="Img-rounded" alt="Því miður sést þessi mynd ekki" />
    <button class="InfoButton" id="ShowMem">Marvel Samstæðuspil</button>
        <p  class="InfoGameMem"> Samstæðuspilið er skemmtilegt spil fyrir alla aldurshópa sem reynir mikið á minnið.</p>
    <form action="/Home/Games">
        <input class="PlayButton" type="submit" value="Spila">
    </form>
</div>

<div id ="Cardgame2Home" class="MemGameIndex" >
    <img src ="http://i.dailymail.co.uk/i/pix/2010/03/17/article-1258613-04D8E2080000044D-824_224x369.jpg" class="Img-rounded" alt="Því miður sést þessi mynd ekki" />
    <button class="InfoButton" id="ShowGui">Höggstokkurinn</button>
        <p class="InfoGameGui"> Guillontine spilið er æsispennandi borðspil þar sem höggstokkurinn illi verður þitt helsta verkfæri. </p>
     <form action="/Home/Games">
        <input class="PlayButton" type="submit" value="Spila">
    </form>
</div>
</div>

<div id ="Scoreboard" class="MemGameIndex">
    <h2 class="H2Score">Stigatafla</h2>
    <div>
        <h3 class="H2Ind">Samstæðuspil</h3>

        <table class="ScoreTables">
            <tbody>
                <tr >
                    <th class="ScoreHead">Nafn:</th>
                    <th class="ScoreHead">Stig:</th>
                </tr>
                @foreach(var i in Model.TopFiveMem)
                {
                <tr>
                    <td>@i.userName</td>
                    <td>@i.scoreMem</td>
                </tr>
                }
            </tbody>
        </table>
    </div>
    <div>
        <h3 class="H2Ind">Höggstokkurinn</h3>
        <table class="ScoreTables">
            <tbody>
                <tr >
                    <th class="ScoreHead">Nafn:</th>
                    <th class="ScoreHead">Stig:</th>
                </tr>
                @foreach(var i in Model.TopFiveGui)
                {
                <tr>
                    <td>@i.userName</td>
                    <td>@i.scoreGui</td>
                </tr>
                }
            </tbody>
        </table>
    </div>
</div>